body{
	width:100%;
	/*height: 640px;*/
	height: 100%;
	/*border: 1px #003C19 solid;*/
}
.mui-bar{
	/*position: relative;*/
	width:100%;
}
.mui-content{
	margin-top: 108px;
	height: 100%;
	padding-top:5px !important ;
	/*border: 1px #003C19 solid;*/
}
.select{
	background-color: #efeff4;
	position: fixed;
	height: 125px;
	top: 42px;
	padding-top: 10px;
	width: 100%;
	text-align: center;
	z-index: 10;
}
select{
	width: 90%;
	margin:5px 20px 5px 20px;
	text-align: center;
	border-radius:10px !important;
}
select option{
	/*display: block;*/
	width:80px;
	text-align: center;
	padding-left: 200px;
	border:1px solid #003C19 !important;
	color:red;
}
.mui-scroll,.mui-scroll-wrapper{
	z-index: 0;
	position: relative;
	margin-top: 50px;
	padding-bottom: 42px;
	height: 100%;
	overflow: hidden;
}
.gradeTable1{
	height: 59px;
}
.gradeTable1,.gradeTable2{
	/*position: fixed;*/
	margin-top: 5px;
	/*height: 59px;*/
	width: 100%;
	text-align: center;
	border: 1px #003C19 solid;
}
.gradeTable2{
	height: 100%;
}
/*.gradeTable tr{
	border: 1px #003C19 solid;
	background:#fff ;
}*/
.gradeTable2 tr{
	line-height: 30px;
	border: 1px #EFEFF4 solid;
}
.row1,.row2,.row3,.row4{
	background: #fff !important;
	margin:15px;
	border: 1px #EFEFF4 solid;
}
.row1{
	width: 120px;
}
.row2{
	width: 70px;
}
.row3{
	width: 70px;
}
.row4{
	width: 100px;
}
.gpa{
	width: 100%;
	z-index: 10;
	position: fixed;
	bottom: 0;
	height: 8%;
	border: 1px #003C19 solid;
	/*padding-bottom: 0px;
	margin-top: 20%;
	margin-bottom: 0;*/
	background: #fff;
}
.gpa span{
	display: inline-block;
	/*background: #fff;*/
	height: 40px;
	margin: 14px 15px;
}
.gpa button{
	z-index: 10;
	margin-top: 5px;
	/*margin-left: 35px;*/
	background-color: #efeff4;
}
